	body {
		background:#e7e7e7;
		font-family:arial;
		background:url(../images/bg.jpg) repeat;
	}
	
	h1 {
		font-weight: bold;
		font-size: 24px;
		text-shadow: white 0px 1px 0, black 0 -1px 0;
		color: #444;
		font:Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-align:center;
		margin:50px 0px;
	}

	
	#container {
		margin: 0 auto;
		width: 900px	
	}
	
	.thumb {
		display:block;
		width:266px;
		height:186px;
		position:relative;
		margin-bottom:20px;
		margin-right:20px;
		float:left;
	}
	
		.thumb-wrapper {
			display:block;
			width:100%;
			height:100%;
		}
	
		.thumb img {
			width:100%;
			height:100%;
			position:absolute;
			display:block;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			
					
		}
		
		.thumb .thumb-detail {
			display:block;
			width:100%;
			height:100%;
			position:absolute;			
			background:#000;
			font-family:arial;
			font-size:16px;			
		}
		
		.thumb .thumb-detail a {
			display:block;
			width:90%;
			height:100%;
			text-transform:uppercase;
			color:#fff;
			text-decoration:none;		
			font-family: Arial, Helvetica, sans-serif;
			letter-spacing:-1px;
			padding:10px;	
			font-size:18px;
			text-align:center;
		}		
	/*
	* Dành cho Opera và IE
	*/
	.thumb.scroll {
    	overflow: hidden;
	}   
 
    .thumb.scroll .thumb-detail {
        bottom:-280px;
    }
	

	/*
	* CSS3 Flip
	*/	
	.thumb.flip {
		-webkit-perspective:800px;		
		   -moz-perspective:800px;
		    -ms-perspective:800px;		   		
		     -o-perspective:800px;
  		        perspective:800px;
	}
	
		.thumb.flip .thumb-wrapper {
			-webkit-transition: -webkit-transform 1s;
			   -moz-transition: -moz-transform 1s;
			    -ms-transition: -moz-transform 1s;
			     -o-transition: -moz-transform 1s;
			        transition: -moz-transform 1s;
			-webkit-transform-style: preserve-3d;
			   -moz-transform-style: preserve-3d;			
			    -ms-transform-style: preserve-3d;			
			     -o-transform-style: preserve-3d;			
					  transform-style: preserve-3d;			
		}
		
		.thumb.flip .thumb-detail {
			-webkit-transform: rotateY(-180deg);
			   -moz-transform: rotateY(-180deg);
			    -ms-transform: rotateY(-180deg);
			     -o-transform: rotateY(-180deg);
			        transform: rotateY(-180deg);			   			
		}
		
		.thumb.flip img,
		.thumb.flip .thumb-detail {
			-webkit-backface-visibility: hidden;
			   -moz-backface-visibility: hidden;
			    -ms-backface-visibility: hidden;
			     -o-backface-visibility: hidden;
			        backface-visibility: hidden;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					background-color:#333;
					
					

		}
		
		.thumb.flip .flipIt {
			-webkit-transform: rotateY(-180deg);
			   -moz-transform: rotateY(-180deg);			
			    -ms-transform: rotateY(-180deg);			
			     -o-transform: rotateY(-180deg);			
			        transform: rotateY(-180deg);			
		}
